<template>
	<view class="padding-30">
		<view class="new-view" v-for="(item,index) in WithdrawalList" :key="index">
			<view class="new-view-title">{{item.status == 0?'待审核':'已审核'}}</view>
			<view class="new-view-price">
				<view class="new-view-priceTitle">提现金额</view>
				<view class="new-view-price1">￥{{item.amount}}</view>
			</view>
			<view class="new-view-desc">
				<text class="new-view-descTitle">提现银行:</text>
				<text class="new-view-desc1">{{userInfo.bank_name}}{{'('+userInfo.bank_no.slice(-4)+')'}}</text>
			</view>
			<view class="new-view-desc">
				<text class="new-view-descTitle">提现时间:</text>
				<text class="new-view-desc1" >{{item.create_time}}</text>
			</view>
			<view class="new-view-desc">
				<text class="new-view-descTitle">状态:</text>
				<text class="new-view-desc1">2024年2月20号到账</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				WithdrawalList:[],
				userInfo:{}
			}
		},
		onShow() {
			this.getWithdrawalList()
			this.getUserInfo()
		},
		methods:{
			getWithdrawalList(){
				this.$http.post(this.$api.getWithdrawalList,{type:'spring'},{token:true}).then(res=>{
					this.WithdrawalList = res.data
				})
			},
			getUserInfo() {
				this.$http.post(this.$api.getUserInfo, {}, {
					token: true
				}).then(res => {
					this.userInfo = res.data
				})
			},
		}
	}
</script>

<style lang="scss">
	.new-view-descTitle{
		font-size: 14px;
		color: #666666;
		margin-right: 30rpx;
	}
	.new-view-desc{
		margin-bottom: 20rpx;
	}
	.new-view-price1{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20rpx;
	}
	.new-view-priceTitle{
		font-size: 14px;
		color: #666666;
		margin-bottom: 10rpx;
	}
	.new-view-price{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin: 40rpx 0;
		border-bottom: 0.5px solid #EEDFB9;
	}
	.new-view-title{
		font-size: 16px;
		color: #333333;
		font-weight: bold;
	}
	.new-view{
		padding: 30rpx;
		background-color: #FFF0CA;
		border-radius: 30rpx;
		margin-bottom: 30rpx;
	}
</style>